@import "@/common/constants/StyleConst.scss";

.ItemType-container {
  height: calc(100vh - 120px);
  min-height: 300px;
  background: $color-bg-white;

  :deep .table-container .theme--light.v-data-table .v-data-table__wrapper table tbody {

    tr.v-row-group__header {
      background-color: #DFE1E8;

      &:hover {
        td.table-header {
          .table-header-append {
            visibility: visible;
          }
        }
      }

      td {
        border-bottom: unset;
        &.table-header {
          border-bottom: unset;

          .table-header-append {
            visibility: hidden;
          }
        }
      }

      .category-name {
        color: $color-theme-grey;
        font-size: 14px;
        font-weight: 700;
      }
    }

    tr {
      &:hover {
        td.action {
          visibility: visible;
        }
      }
      td.action {
        visibility: hidden;
      }
    }

    .file-icon {
      color: #BABABC;
    }

    .icon.active {
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
      transform: rotate(-90deg);
    }
  }
}